Skip to content

feat(ui): add scroll-to-top button in session view#1483

Merged
mergify[bot] merged 1 commit intomainfrom
feat/scroll-to-top-button
Apr 30, 2026
Merged

feat(ui): add scroll-to-top button in session view#1483
mergify[bot] merged 1 commit intomainfrom
feat/scroll-to-top-button

Conversation

@ambient-code
Copy link
Copy Markdown
Contributor

@ambient-code ambient-code Bot commented Apr 30, 2026

Summary

  • Adds a floating scroll-to-top button that appears when the user scrolls past 300px in the session message pane
  • Uses a ChevronUp icon button (Shadcn outline variant) positioned in the lower-right corner of the message container
  • Smooth scrolls back to the top on click, with proper keyboard accessibility (aria-label, focusable)
  • Button is fully hidden (not rendered) when at the top, so it does not interfere with tab order

Closes #1482

Test plan

  • Open a session with a long conversation (many messages)
  • Scroll down past 300px — verify the up-chevron button appears in the lower-right corner
  • Click the button — verify the view smooth-scrolls to the top
  • Verify the button disappears when at the top of the scroll container
  • Verify the button is keyboard-accessible (Tab to focus, Enter/Space to activate)
  • Verify the button does not overlap with the chat input area
  • Run npm run build — zero errors, zero warnings

🤖 Generated with Claude Code

🤖 Ambient Session

@claude
feat(ui): add scroll-to-top button in session view
fc22363 
Adds a floating button that appears when the user scrolls past 300px
in the session message pane. Clicking it smooth-scrolls back to the top,
making it easy to revisit earlier context in long conversations.

Closes #1482

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@ambient-code ambient-code Bot added ambient-code:managed PR managed by AI automation ambient-code:self-reviewed Self-reviewed by Ambient agent labels Apr 30, 2026
@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 30, 2026 •
edited
Loading

✅ Deploy Preview for cheerful-kitten-f556a0 canceled.

Name Link
🔨 Latest commit fc22363
🔍 Latest deploy log https://app.netlify.com/projects/cheerful-kitten-f556a0/deploys/69f30e532acce10008f5bd6f

@mergify mergify Bot added the queued label Apr 30, 2026
@mergify
Copy link
Copy Markdown
Contributor

mergify Bot commented Apr 30, 2026 •
edited
Loading

Merge Queue Status

  • ✅ Entered queue — 2026-04-30 08:22 UTC · Rule: default
  • ✅ Checks skipped · PR is already up-to-date
  • ✅ Merged — 2026-04-30 08:22 UTC · at fc223631cc8b1e4ad947788a1bdd88a26daec7ab · squash

This pull request spent 14 seconds in the queue, including 2 seconds running CI.

Required conditions to merge

@mergify mergify Bot merged commit d1645a9 into main Apr 30, 2026
76 checks passed
@mergify mergify Bot deleted the feat/scroll-to-top-button branch April 30, 2026 08:22
@mergify mergify Bot removed the queued label Apr 30, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

ambient-code:managed PR managed by AI automation ambient-code:self-reviewed Self-reviewed by Ambient agent

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

feat(ui): add scroll-to-top button in session view

0 participants